/* pages/search/index.wxss */
page {
	background-color: #F6F6F6FF;
}

.search-input-box {
	width: 100vw;
	padding: 24rpx 32rpx;
	box-sizing: border-box;
	background-color: #fff;

	.input-box {
		background-color: #F6F6F6FF;
		border-radius: 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 6rpx 6rpx 6rpx 0;

		input {
			flex: 1;
			font-size: 28rpx;
			padding: 0 24rpx;
		}

		.search-btn {
			width: 152rpx;
			height: 68rpx;
			border-radius: 40rpx;
		}
	}
}

.tabs-box {
	padding: 48rpx 56rpx 24rpx;
	background-color: #fff;

	.ul {
		display: flex;
		align-items: center;
		gap: 60rpx;

		.tab {
			display: flex;
			align-items: center;

			&.active,.active {
				color: #FF7733FF;
			}
		}

		.arrow-box {
			display: flex;
			flex-direction: column;
			margin-left: 10rpx;

			// transform: scale(5);
			.up {
				margin-bottom: -5rpx;
			}
		}
	}

	.line {
		margin-top: 4rpx;
		width: 56rpx;
		height: 4rpx;
		background-color: #FF7733FF;
		transform: translateX(32rpx);
		transition: all .3s linear;
	}
}